<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jQstop1</title>
	<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$("#flip").click(function () {
				$("#panel").slideDown(1000)

			});
			$("#panel").click(function () {
				$("#panel").stop()

			})

		})
	</script>
	<style type="text/css">
		#flip,#panel
		{
			padding: 5px;
			text-align: center;
			background-color: #CCCCCC;
			border: 1px solid #F49F34;

		}
		#panel
		{
			padding: 50px;
			display: none;
		}

	</style>
</head>
<body>
<button id="stop">停止运动</button>
<div id="flip">点击这里,向下滑动面板</div>
<div id="panel">Hello world !</div>


</body>
</html>